<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>个人简历</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:400,700">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
    <link rel="stylesheet" href="assets/css/Features-Blue.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar.css">
    <link rel="stylesheet" href="assets/css/Header-Blue.css">
    <link rel="stylesheet" href="assets/css/Header-Dark.css">
    <link rel="stylesheet" href="assets/css/Highlight-Blue.css">
    <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
    <link rel="stylesheet" href="assets/css/Highlight-Phone.css">
    <link rel="stylesheet" href="assets/css/styles.css">
</head>

<body>
    <div></div>
    <div>
        <div class="header-blue">
            <nav class="navbar navbar-light navbar-expand-md navigation-clean-search">
                <div class="container-fluid"><a class="navbar-brand" href="#" style="font-size: 40px;">个人简历</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                    <div
                        class="collapse navbar-collapse" id="navcol-1">
                        <ul class="nav navbar-nav"></ul>
                        <form class="form-inline mr-auto" target="_self">
                            <div class="form-group"><label for="search-field"></label></div>
                        </form><span class="navbar-text"> </span></div>
        </div>
        </nav>
        <div class="container hero">
            <div class="row" style="margin-right: 0;margin-left: 0;">
                <div class="col-12 col-lg-6 col-xl-5 offset-xl-1">
                    <h1 style="margin-top: 100px;">嗨！你好！</h1>
                    <p>我是成都理工大学2017级计算机系学生李华，通过这个界面，你将更加了解我！</p>
                </div>
                <div class="col"><img src="assets/img/cdut.jpg" style="width: 400px;margin-left: 50px;margin-top: 50px;"></div>
            </div>
        </div>
    </div>
    </div>
    <div class="features-blue">
        <div class="container">
            <div class="intro">
                <h2 class="text-center">我是谁</h2>
                <p class="text-center">我是李华，来自成都理工大学，是2017级计算机科学与技术系的普通学生，喜欢编程和历史，<br></p>
            </div>
            <div class="row features">
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-map-marker icon"></i>
                    <h3 class="name">家乡</h3>
                    <p class="description">北京市 东城区</p>
                </div>
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-user icon"></i>
                    <h3 class="name">性格</h3>
                    <p class="description">开朗活泼，乐于助人</p>
                </div>
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-heart icon"></i>
                    <h3 class="name">爱好</h3>
                    <p class="description">编程、历史、简单运动</p>
                </div>
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-list icon"></i>
                    <h3 class="name">项目经验</h3>
                    <p class="description">1、多次参与国创项目。</p>
                    <p class="description">2、多次参与互联网+比赛并获奖。</p>
                    <p class="description">3、在京东实习三个月。</p>
                    <p class="description">4、参加Python比赛获奖。</p>
                </div>
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-window-maximize icon"></i>
                    <h3 class="name">擅长语言</h3>
                    <p class="description">C++、Java、Python、C#、VB。</p>
                </div>
                <div class="col-sm-6 col-md-4 item"><i class="fa fa-phone icon"></i>
                    <h3 class="name">联系电话</h3>
                    <p class="description">学校：028-84078927</p>
                    <p class="description">个人：188-8888-8888</p>
                </div>
            </div>
            <form method="post">
                <h2 class="text-center">请给我留言吧！</h2>
                <div class="form-group"><input class="form-control" type="text" name="name" placeholder="怎么称呼您"></div>
                <div class="form-group"><input class="form-control is-invalid" type="email" name="email" placeholder="您的邮箱"><small class="form-text text-danger">为了给您回复，请输入正确的邮箱地址！</small></div>
                <div class="form-group"><textarea class="form-control" name="message" placeholder="留言" rows="14"></textarea></div>
                <div class="form-group"><button class="btn btn-primary" type="submit">发送&nbsp;</button></div>
            </form>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>